<template>
  <div class="select-about">
    <banner>
      <img src="../assets/image/banner_04.png">
    </banner>
    <div class="about-content">
      <div class="product-title">
        <p>公司简介</p>
      </div>
      <div class="company-introduction">
        <p>
          恒古静心（天津）科技有限公司是一家专注于人工智能与大数据分析领域的互联网科技公司，秉承着“科技改变生活，创新驱动发展”的企业愿景使命，
          坐落于“渤海明珠”天津市的国家综合改革创新区——滨海新区，联合中国科学技术大学先进技术研究院等专业机构和研发中心，凭借其雄厚的研发能
          力，力求新颖的产品功能，依托科学的管理体系，引领汽车及汽车零售领域的产品发展。
        </p>
      </div>
      <div class="product-title">
        <p>联系我们</p>
      </div>
      <div class="contact">
        <div class="map">
          <img src="../assets/image/map.png" alt="" srcset="">
        </div>
        <div class="contact-information">
          <p>Q Q：3509847449</p>
          <p>电话：17720142944</p>
          <p>地址：天津滨海-中关村科技园大唐总部基地东区7-1-101-017</p>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import banner from '@/components/banner.vue'
export default {
  components: {
    banner
  }
}
</script>

<style lang="less" scoped>
.about-content {
  width: 1200px;
  margin: 0 auto;
  margin-top: 37px;
  .product-title {
    font-size: 24px;
    width: 100%;
    color: #333333;
    padding-left: 12px;
    border-left: 4px solid #1491ef;
    text-align: left;
    margin-bottom: 5px;
  }
  .company-introduction{
    font-size:18px;
    font-weight:400;
    color:rgba(102,102,102,1);
    line-height:36px;
    margin: 35px 0 70px ;
  }
  .contact {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 35px;
    .contact-information {
      margin-left: 50px;
      font-weight:400;
      color:rgba(102,102,102,1);
      line-height:36px;
      font-size: 18px;
    }
  }
}
</style>
